Chapters
 Free Website Portfolio GitHub Pages Tutorial - YouTube_files/hqdefault_0.jpg)
Download Visual Studio Code
Download Visual Studio Code
0:00
 Free Website Portfolio GitHub Pages Tutorial - YouTube_files/hqdefault_61966.jpg)
Check if Git is installed locally
Check if Git is installed locally
0:56
 Free Website Portfolio GitHub Pages Tutorial - YouTube_files/hqdefault_117833.jpg)
Install Git
Install Git
1:33
 Free Website Portfolio GitHub Pages Tutorial - YouTube_files/hqdefault_125866.jpg)
Clone Repository from GitHub
Clone Repository from GitHub
1:58
 Free Website Portfolio GitHub Pages Tutorial - YouTube_files/hqdefault_247766.jpg)
Make img folder locally
Make img folder locally
3:56
 Free Website Portfolio GitHub Pages Tutorial - YouTube_files/hqdefault_278766.jpg)
Make css and js folders in Visual Studio Code
Make css and js folders in Visual Studio Code
4:28
 Free Website Portfolio GitHub Pages Tutorial - YouTube_files/hqdefault_342200.jpg)
Setup Git Username and Email
Setup Git Username and Email
5:35
 Free Website Portfolio GitHub Pages Tutorial - YouTube_files/hqdefault_403266.jpg)
Commit first changes locally
Commit first changes locally
6:30
 Free Website Portfolio GitHub Pages Tutorial - YouTube_files/hqdefault_420233.jpg)
Sync first changes with GitHub Repository
Sync first changes with GitHub Repository
6:55
 Free Website Portfolio GitHub Pages Tutorial - YouTube_files/hqdefault_482133.jpg)
Create .gitignore file
Create .gitignore file
8:01
 Free Website Portfolio GitHub Pages Tutorial - YouTube_files/hqdefault_547200.jpg)
Install Extensions to Visual Studio Code
Install Extensions to Visual Studio Code
8:50
 Free Website Portfolio GitHub Pages Tutorial - YouTube_files/hqdefault_579100.jpg)
Change Code Formatting Settings
Change Code Formatting Settings
9:28
 Free Website Portfolio GitHub Pages Tutorial - YouTube_files/hqdefault_619166.jpg)
Create HTML Boilerplate
Create HTML Boilerplate
10:05
 Free Website Portfolio GitHub Pages Tutorial - YouTube_files/hqdefault_769000.jpg)
Add CSS Stylesheet
Add CSS Stylesheet
12:21
 Free Website Portfolio GitHub Pages Tutorial - YouTube_files/hqdefault_810033.jpg)
Add stylesheet link in the Head
Add stylesheet link in the Head
13:06
 Free Website Portfolio GitHub Pages Tutorial - YouTube_files/hqdefault_843933.jpg)
Confirm External stylesheet is working
Confirm External stylesheet is working
13:49
 Free Website Portfolio GitHub Pages Tutorial - YouTube_files/hqdefault_883900.jpg)
Launch Live Server to check page locally
Launch Live Server to check page locally
14:30
 Free Website Portfolio GitHub Pages Tutorial - YouTube_files/hqdefault_897933.jpg)
Commit CSS changes and sync to GitHub
Commit CSS changes and sync to GitHub
14:52
 Free Website Portfolio GitHub Pages Tutorial - YouTube_files/hqdefault_986900.jpg)
Add images to local imp folder
Add images to local imp folder
15:58
 Free Website Portfolio GitHub Pages Tutorial - YouTube_files/hqdefault_1073833.jpg)
Begin Coding Hero Image Header
Begin Coding Hero Image Header
17:25
 Free Website Portfolio GitHub Pages Tutorial - YouTube_files/hqdefault_1190866.jpg)
Add basic CSS styles
Add basic CSS styles
19:25
 Free Website Portfolio GitHub Pages Tutorial - YouTube_files/hqdefault_1462800.jpg)
Add hero image HTML code
Add hero image HTML code
24:05
 Free Website Portfolio GitHub Pages Tutorial - YouTube_files/hqdefault_1685733.jpg)
Add hero image CSS styles
Add hero image CSS styles
28:00
 Free Website Portfolio GitHub Pages Tutorial - YouTube_files/hqdefault_2404300.jpg)
Replace hero image with video
Replace hero image with video
40:00
 Free Website Portfolio GitHub Pages Tutorial - YouTube_files/hqdefault_2690800.jpg)
Add CSS Media Queries
Add CSS Media Queries
44:43
 Free Website Portfolio GitHub Pages Tutorial - YouTube_files/hqdefault_2924133.jpg)
Commit Hero Header changes and push to GitHub
Commit Hero Header changes and push to GitHub
48:40
 Free Website Portfolio GitHub Pages Tutorial - YouTube_files/hqdefault_2975233.jpg)
Begin Portfolio Section
Begin Portfolio Section
49:35
 Free Website Portfolio GitHub Pages Tutorial - YouTube_files/hqdefault_3007233.jpg)
Download Lightbox Javascript Code
Download Lightbox Javascript Code
50:00
 Free Website Portfolio GitHub Pages Tutorial - YouTube_files/hqdefault_3086066.jpg)
Add Lightbox CSS link and Script tags
Add Lightbox CSS link and Script tags
51:12
 Free Website Portfolio GitHub Pages Tutorial - YouTube_files/hqdefault_3217033.jpg)
Add Portfolio HTML Code
Add Portfolio HTML Code
53:21
 Free Website Portfolio GitHub Pages Tutorial - YouTube_files/hqdefault_3537000.jpg)
Add Portfolio CSS styles
Add Portfolio CSS styles
58:57
 Free Website Portfolio GitHub Pages Tutorial - YouTube_files/hqdefault_3981100.jpg)
Add Image Captions to Lightbox
Add Image Captions to Lightbox
1:06:20
 Free Website Portfolio GitHub Pages Tutorial - YouTube_files/hqdefault_4141033.jpg)
Add Portfolio Button to Header
Add Portfolio Button to Header
1:09:00
 Free Website Portfolio GitHub Pages Tutorial - YouTube_files/hqdefault_4560400.jpg)
Commit Portfolio and push to GitHub
Commit Portfolio and push to GitHub
1:16:00
 Free Website Portfolio GitHub Pages Tutorial - YouTube_files/hqdefault_4593966.jpg)
Begin About Section
Begin About Section
1:16:33
 Free Website Portfolio GitHub Pages Tutorial - YouTube_files/hqdefault_4787900.jpg)
Add Font Awesome Icons
Add Font Awesome Icons
1:19:44
 Free Website Portfolio GitHub Pages Tutorial - YouTube_files/hqdefault_5086933.jpg)
Add Font Awesome CSS link
Add Font Awesome CSS link
1:24:18
 Free Website Portfolio GitHub Pages Tutorial - YouTube_files/hqdefault_5110866.jpg)
Add Profile Image to About
Add Profile Image to About
1:25:05
 Free Website Portfolio GitHub Pages Tutorial - YouTube_files/hqdefault_5174866.jpg)
Add About CSS styles
Add About CSS styles
1:26:10
 Free Website Portfolio GitHub Pages Tutorial - YouTube_files/hqdefault_5678266.jpg)
Commit About and push to GitHub
Commit About and push to GitHub
1:34:14
 Free Website Portfolio GitHub Pages Tutorial - YouTube_files/hqdefault_5706200.jpg)
Begin Navigation Bar HTML
Begin Navigation Bar HTML
1:35:06
 Free Website Portfolio GitHub Pages Tutorial - YouTube_files/hqdefault_6060166.jpg)
Navigation Bar CSS
Navigation Bar CSS
1:41:00
 Free Website Portfolio GitHub Pages Tutorial - YouTube_files/hqdefault_7185233.jpg)
Add position:sticky to .top-nav
Add position:sticky to .top-nav
1:59:45
 Free Website Portfolio GitHub Pages Tutorial - YouTube_files/hqdefault_7279133.jpg)
Add Javascript Scroll styles to Navigation Bar
Add Javascript Scroll styles to Navigation Bar
2:01:17
 Free Website Portfolio GitHub Pages Tutorial - YouTube_files/hqdefault_7551100.jpg)
Add negative margin to Navigation Bar
Add negative margin to Navigation Bar
2:05:45
 Free Website Portfolio GitHub Pages Tutorial - YouTube_files/hqdefault_7740000.jpg)
Add anchor link scroll margin class
Add anchor link scroll margin class
2:08:30
 Free Website Portfolio GitHub Pages Tutorial - YouTube_files/hqdefault_7931966.jpg)
Add Footer
Add Footer
2:12:05
Create clip
Jorge lazaro
30.0 seconds
 Free Website Portfolio GitHub Pages Tutorial - YouTube_files/unnamed(2).jpg)
 Free Website Portfolio GitHub Pages Tutorial - YouTube_files/hqdefault.jpg)
 Free Website Portfolio GitHub Pages Tutorial - YouTube_files/hqdefault(1).jpg)
 Free Website Portfolio GitHub Pages Tutorial - YouTube_files/hqdefault(2).jpg)